<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>村级政务网站修改村干部信息</title>
<meta name="Keywords" content="" >
<meta name="Description" content="" >
<link href="css/index.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

       <meta http-equiv="X-UA-Compatible" content="ie=edge">

<style>
       
* {
            padding: 0;
            margin: 0;
        }

 
html,body {
            width: 100%;
            height: 100%;
        }

 
.cms_login {
 
           width: 100%;
 
           height: 100%;
 
           display: flex;
  
          justify-content: center;
 
           background-repeat: no-repeat;
 
           background-image: url(img/p1.png);

            background-size: 100% 100%;
        }
.flexCenter {

            text-align: center;

            margin: auto;
        }


.cms_login_container {

            width: 70%;
 
           height: 70%;
 
           display: flex;

            justify-content: center;
        }


 .cms_login_image {

            width: 60%;

            height: 100%;
        }

 
 .cms_login_from {

            width: 40%;

            height: 100%;
 
           background-color: white;

            border-radius: 10px;

            box-shadow: 0px 0px 10px #ccc;
        }


  /* .cms_login_container {

            width: 30%;

            height: 70%;
 
           border: 1px solid red;
        }
 */

 img {
 
           width: 100%;

           height: 100%;
        }


 .divBox {

            display: flex;

            justify-content: center;

            width: 80%;

            height: 46px;

            margin-top: 20px;

            margin-left: 10%;

            position: relative;
        }

       
 .cms_login_logo {

            display: flex;

            justify-content: center;

            width: 80%;

            height: 60px;
            


        margin-left: 10%;
 
           margin-bottom: 22px;

            margin-top: 25px;
        }

 
 .cms_login_img {

            width: 44px;
 
           height: 44px;

            position: absolute;

            top: 1px;

            left: 1px;
        }

        
.cms_login_ipt {

            width: 100%;

            outline: none;

            padding-left: 50px;
        }

       
 .cms_login_ipt60 {

            width: 60%;

            outline: none;

            padding-left: 50px;
        }

        
.cms_login_ver {

            width: 30%;

            outline: none;

            margin-left: 8%;

            border: 1px solid #c32c2c;

            background-color: #bd7070;

            line-height: 46px;

            letter-spacing: 4px;

            border-radius: 4px;

            cursor: default;

            color: white;
        }


.cms_login_tb {

          
            margin:0 auto;
            
        }
       
 .margin_top60 {

            margin-top: 40px;
        }

        
.login_btn {
 
           width: 100%;

            height: 60px;

            letter-spacing: 10px;

            font-size: 24px;

            background-color: green;

            border: none;
 
           outline: none;
 
           border-radius: 10px;

            color: white;
            
            margin-top:-10%;
        }

       
 .login_btn:hover {

            background-color: #044468;

            border: none;

            outline: none;
        }
        
 
 
 
 
 * {
             box-sizing: border-box;
 
         }   
              
 body {
             margin: 0;
             padding: 0;
             font: 16px/20px microsft yahei;
                     }        
.wrap {
            width: 100%;            
            height: 100%;            
            padding: 10% 0;            
            position: fixed;            
            opacity: 0.8;            
            background: linear-gradient(to bottom right,#000000, #656565);            
            background: -webkit-linear-gradient(to bottom right,#50a3a2,#53e3a6);
                    }       
.container {
            width: 60%;
            margin: 0 auto;
                    }        
.container h1 {
            text-align: center;            
            color: #FFFFFF;            
            font-weight: 500;
                    } 
                           
.container input {
            width: 320px;            
            display: block;            
            height: 36px;            
            border: 0;            
            outline: 0;            
            padding: 6px 10px;            
            line-height: 24px;            
            margin: 32px auto;            
            -webkit-transition: all 0s ease-in 0.1ms;            
            -moz-transition: all 0s ease-in 0.1ms;            
            transition: all 0s ease-in 0.1ms; 
            
                   }        
                   
.container input[type="text"] , .container input[type="password"]  {
            background-color: #FFFFFF;            
            font-size: 16px;            
            color: #50a3a2;
                    } 
     
                    
.container input[type='submit'] {
            font-size: 16px;            
            letter-spacing: 2px;            
            color: #666666;            
            background-color: #FFFFFF;
                    }        
                    
.container input:focus {
            width: 400px;
            
                    }       
.container input[type='submit']:hover {
            cursor: pointer;            
            width: 400px;
            
                    }        
                    
.to_login{
            color: #a7c4c9;
            
                    }        
             
.text{            color: #e2dfe4;        }        

.wrap ul {
            position: absolute;            
            top: 0;            
            left: 0;            
            width: 100%;            
            height: 100%;            
            z-index: -20;        
            
            }        
            
.wrap ul li {
            list-style-type: none;            
            display: block;            
            position: absolute;            
            bottom: -120px;            
            width: 15px;            
            height: 15px;            
            z-index: -8;            
            border-radius: 50%;            
            background-color:rgba(255, 255, 255, 0.15);            
            animotion: square 25s infinite;            
            -webkit-animation: square 25s infinite;
            
                    }        
                    
.wrap ul li:nth-child(1) {
            left: 0;            
            animation-duration: 10s;            
            -moz-animation-duration: 10s;            
            -o-animation-duration: 10s;            
            -webkit-animation-duration: 10s;
            
                    }        
                 
.wrap ul li:nth-child(2) {
            width: 40px;            
            height: 40px;            
            left: 10%;            
            animation-duration: 15s;            
            -moz-animation-duration: 15s;            
            -o-animation-duration: 15s;            
            -webkit-animation-duration: 11s;
            
                    }        
                   
.wrap ul li:nth-child(3) {
            left: 20%;            
            width: 25px;            
            height: 25px;            
            animation-duration: 12s;            
            -moz-animation-duration: 12s;            
            -o-animation-duration: 12s;            
            -webkit-animation-duration: 12s;
            
                    }        
                    
.wrap ul li:nth-child(4) {
            width: 50px;            
            height: 50px;            
            left: 30%;            
            -webkit-animation-delay: 3s;            
            -moz-animation-delay: 3s;            
            -o-animation-delay: 3s;            
            animation-delay: 3s;            
            animation-duration: 12s;            
            -moz-animation-duration: 12s;            
            -o-animation-duration: 12s;            
            -webkit-animation-duration: 12s;
            
                    }        
                    
.wrap ul li:nth-child(5) {
            width: 60px;            
            height: 60px;            
            left: 40%;            
            animation-duration: 10s;            
            -moz-animation-duration: 10s;            
            -o-animation-duration: 10s;            
            -webkit-animation-duration: 10s;
            
                    }        
                    
.wrap ul li:nth-child(6) {
            width: 75px;            
            height: 75px;            
            left: 50%;            
            -webkit-animation-delay: 7s;            
            -moz-animation-delay: 7s;            
            -o-animation-delay: 7s;            
            animation-delay: 7s; 
            
                   }        
                   
.wrap ul li:nth-child(7) {
            left: 60%;            
            width: 30px;            
            height: 30px;            
            animation-duration: 8s;            
            -moz-animation-duration: 8s;            
            -o-animation-duration: 8s;            
            -webkit-animation-duration: 8s;
                    }        
                    
.wrap ul li:nth-child(8) {
            width: 90px;            
            height: 90px;            
            left: 70%;            
            -webkit-animation-delay: 4s;            
            -moz-animation-delay: 4s;            
            -o-animation-delay: 4s;            
            animation-delay: 4s; 
            
                   }        
                   
.wrap ul li:nth-child(9) {
            width: 50px;            
            height: 50px;            
            left: 80%;            
            animation-duration: 20s;            
            -moz-animation-duration: 20s;            
            -o-animation-duration: 20s;            
            -webkit-animation-duration: 20s;
            
                    }        
                    
.wrap ul li:nth-child(10) {

            width: 75px;            
            height: 75px;            
            left: 90%;            
            -webkit-animation-delay: 6s;            
            -moz-animation-delay: 6s;            
            -o-animation-delay: 6s;            
            animation-delay: 6s;            
            animation-duration: 30s;            
            -moz-animation-duration: 30s;            
            -o-animation-duration: 30s;            
            -webkit-animation-duration: 30s;
            
                    }        
                    
@keyframes square {            
	0%  {                
			-webkit-transform: translateY(0);                
			transform: translateY(0)            }            
	100% {        
	        bottom: 400px;                
	        -webkit-transform: translateY(-500);                
	        transform: translateY(-500)            }        }
@-webkit-keyframes square {       
     0%  {                
     		-webkit-transform: translateY(0);                
     		transform: translateY(0)            }           
     100% {                
     		bottom: 400px;                
     		-webkit-transform: translateY(-500);                
     		transform: translateY(-500)            }        }   

    </style>

</head>
<body>
<header>
  <div class="headtop">
    <div class="timer box"><span><a onclick="javascript:window.external.addFavorite('/','')" href="/">加入收藏</a> | <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('/');" href="/">设为首页</a></span><script type="text/javascript" src="js/timer.js"></script></div>
  </div>
  </br>
  <div style="width:93%;text-align:right;">
 	 
	 <a class="l" class="btn btn--stripe">
	 
	</a>
	
  </div>
  <div class="logo box"></div>
   <nav id="nav" class="box">
    <ul>
      <li><a href="#">修改事项</a></li>
      <li><a href="selectAllMatter1">返回事项列表</a></li>
      <li><a href="adminIndex.jsp">返回主页</a></li>
      
      
    </ul>
  </nav>
  <div class="">    <div class="container">
<form action="doUpdateMatter" method="post" >
		<input type="hidden" name="id" value="${matter.id }" />
	    <a style="display: block; text-align: center;"> 事项内容：</a><input type="text" name="content" value="${matter.content  }"/><br>
	    <a style="display: block; text-align: center;"> 事项类型：</a><input type="text" name="type" value="${matter.type }"/><br>
	    <a style="display: block; text-align: center;">事项预算：</a><input type="text" name="budget" value="${matter.budget }"/><br>
	    <a style="display: block; text-align: center;"> 事项时间：</a><input type="text" name="time" value="${matter.time }"/><br>
	    
	    <input type="submit" value="确认修改">
	</form>
	</div> 
	 
 </div>




</body>


</html>